<template>
	<view>
	    <view class="smart-page-head">
	      <view class="smart-page-head-title">navigator</view>
	    </view>
	
	    <view class="smart-padding-wrap">
	      
	      <navigator url="/pages/newpage/newpage" hover-class="navigator-hover">
	        <button type="default">跳转到新页面</button>
	      </navigator>
	
	      <navigator url="../newpage/relative" open-type="redirect">
	        <button type="default">在当前页打开</button>
	      </navigator>
	
	      <navigator url="/pages/tabBar/tabcompage/tabcompage" open-type="switchTab">
	        <button type="default">跳转tab页面</button>
	      </navigator>
	
	    </view>
	  </view>
	</template>
	
	<script>
	export default {
	  data() {
	    return {
	      title: 'navigator'
	    }
	  }
	}
	</script>
	
	<style>
	.smart-page-head {
	}
	
	.smart-page-head-title {
	}
	
	.navigator-hover {
	  opacity: 0.7; 
	}
	
	.smart-padding-wrap {
	  padding: 20rpx;
	}
	</style>